<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="./common/css/index.css">
    <script src="common/js/mouse2.js" type="text/javascript"></script>
    <script type="text/javascript" src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/animejs/3.2.1/anime.min.js" id="anime.min.js-js"></script>
</head>
<body>
    <div id="content">

        <div id="homePage" class="page-content" style="display: none;">
            <iframe  src="./pages/home.html" ></iframe>
        </div>
        <div id="studyPage" class="page-content" style="display: none;">
            <iframe src="./pages/study.html"></iframe>
        </div>
        <div id="viewPage" class="page-content" style="display: none;">
            <iframe src="./pages/view.html"></iframe>
        </div>
        <div id="travelPage" class="page-content" style="display: none;">
            <iframe src="./pages/travel.html"></iframe>
        </div>
        <div id="messagePage" class="page-content" style="display: none;">
            <iframe src="./pages/message.html"></iframe>
        </div>
        <div id="aboutPage" class="page-content" style="display: none;">
            <iframe src="./pages/about.html"></iframe>
        </div>
        <div id="loginPage" class="page-content" style="display: none;">
            <iframe src="./pages/login.html"></iframe>
        </div>
        <div id="notFoundPage" class="page-content" style="display: none;">
            <iframe src="./404.html"></iframe>
        </div>
    </div>
    <script type="text/javascript" src="./common/js/router/router.js"></script>
</body>
</html>